<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<jsp:include page="/WEB-INF/views/common/header.jsp" />
<link rel="stylesheet" type="text/css" href="<c:out value="${pageContext.request.contextPath}" />/resources/css/tree/style.min.css" />

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}" />/resources/js/map/googlemap.js"></script>
<script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}" />/resources/js/tree/jstree.min.js"></script>
<script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}" />/resources/js/tree/deviceTree.js"></script>
<script type="text/javascript" language="javascript">
		window.onload = function() {
			function myFunction(event) {
				createMarker(1);
			}
			EventBus.addEventListener(EventType.ALARM_RECEIVED, myFunction);
		};
</script>
</head>
<body>
	<table border="2" width="1400" height="800">
		<tr>
			<td rowspan="2" width="200" height="800" valign="top">
				<div style="margin-left:5px; overflow:auto">
					<input type="text" id ="searchNode" value="">
					<input type="button" id ="searchButton" value="검색">
					<div id="deviceTree"></div>
				</div>
			</td>
			<td width="400" height="400">
				<div id="Description"></div>
			</td>
			<td width="400">
				<div style="overflow: hidden; height: 400px; width: 400px;">
					<div id="Location" style="height: 400px; width: 400px;"></div>
					<a class="google-map-code" href="http://www.map-embed.com"
						id="get-map-data">find out here</a>
					<style>
#gmap_canvas img {
	max-width: none !important;
	background: none !important
}
</style>
					<a class="google-map-data" href="http://www.stromvergleich.bz"
						id="get-map-data">stromvergleich.bz</a>
				</div>
			</td>
			<td width="400" height="400">
				<div id="Request Log"></div>
			</td>
		</tr>

		<tr>
			<td colspan="3">
				<div id="Channel"></div>
			</td>
		</tr>
	</table>



</body>
</html>